import { SVGProps } from "react";

export function TikTok(props: SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="17"
      height="19"
      fill="none"
      viewBox="0 0 17 19"
      {...props}
    >
      <path
        fill="#FF004F"
        d="M12.581 6.841a7.56 7.56 0 0 0 4.382 1.389V5.116q-.465 0-.92-.096v2.452a7.56 7.56 0 0 1-4.382-1.389v6.355c0 3.179-2.602 5.756-5.812 5.756a5.82 5.82 0 0 1-3.236-.974 5.82 5.82 0 0 0 4.156 1.732c3.21 0 5.812-2.577 5.812-5.756zM13.717 3.7a4.32 4.32 0 0 1-1.136-2.54V.757h-.872c.22 1.24.968 2.3 2.008 2.941M4.643 14.781a2.6 2.6 0 0 1-.543-1.594c0-1.454 1.19-2.633 2.659-2.633.274 0 .546.041.806.123V7.494a6 6 0 0 0-.92-.053V9.92a2.7 2.7 0 0 0-.806-.123c-1.469 0-2.659 1.179-2.659 2.633a2.63 2.63 0 0 0 1.463 2.352"
      ></path>
      <path
        fill="#171717"
        d="M11.66 6.083a7.56 7.56 0 0 0 4.382 1.389V5.02a4.4 4.4 0 0 1-2.326-1.32A4.36 4.36 0 0 1 11.709.757H9.418v12.438c-.005 1.45-1.194 2.624-2.659 2.624-.863 0-1.63-.408-2.116-1.04A2.63 2.63 0 0 1 3.18 12.43c0-1.454 1.19-2.633 2.659-2.633q.423.001.807.123V7.441c-3.154.065-5.69 2.616-5.69 5.755 0 1.566.632 2.987 1.657 4.025a5.83 5.83 0 0 0 3.235.973c3.21 0 5.812-2.577 5.812-5.756z"
      ></path>
      <path
        fill="#00F2EA"
        d="M16.043 5.02v-.662a4.4 4.4 0 0 1-2.327-.658 4.4 4.4 0 0 0 2.327 1.32M11.709.759a4 4 0 0 1-.048-.357V0H8.498v12.438c-.005 1.45-1.193 2.624-2.659 2.624a2.7 2.7 0 0 1-1.196-.28 2.66 2.66 0 0 0 2.116 1.038c1.466 0 2.654-1.174 2.659-2.624V.758zM6.646 7.442v-.706a6 6 0 0 0-.797-.054c-3.21 0-5.813 2.577-5.813 5.756a5.74 5.74 0 0 0 2.577 4.783 5.7 5.7 0 0 1-1.657-4.025c0-3.138 2.536-5.69 5.69-5.754"
      ></path>
    </svg>
  );
}
